<template>
      <el-row class="tac">
    <el-col :span="12">
        <el-menu
        default-active="/content"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        router
        >

        <el-menu-item  index="/content">
            <i class="iconfont icon-homes1"></i>
            <span slot="title">工作台</span>
        </el-menu-item>

        <el-menu-item index="/CalendarAll">
        <i class="iconfont icon-homes2"></i>
        <span slot="title">日程代办</span>
        </el-menu-item>
 

        </el-menu>
    </el-col>
</el-row>
</template>

<script>
export default {
    methods: {
    handleOpen(key, keyPath) {
    console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
    console.log(key, keyPath);
    }
    
    },
    mounted(){
     console.log(this.$router.path) 
    }
}
</script>
<style lang="scss" scoped>
.el-menu ,.el-col-12 ,.el-row{
    width: 200px;
    height: 100vh;
    position: fixed;
    top: 60px;
}
.txet-color{
    color: #333;
}
.el-menu-item.is-active{
  color: #fff;
  background-color: #2561ef;
}
.el-menu-item{
    margin: 20px auto;
    width: 180px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
}
i{
    margin-right: 10px;
    font-weight: 600 ;
}
a{
    text-decoration: none;
}
</style>